﻿$(function () {
    initMenu();
    $('span.icon-back').bind('click', function () {
        history.back();
        $(this).addClass('am-hide');
    });
});
function openMenu() {
    $('.menu').css('zIndex', 999);
    $('div.circle').addClass('expand');
    $('div.burger').addClass('open');
    $('div.x, div.y, div.z').addClass('collapse');
    $('.menu li').addClass('animate');
    setTimeout(function () {
        $('div.y').hide();
        $('div.x').addClass('rotate30');
        $('div.z').addClass('rotate150');
    }, 70);
    setTimeout(function () {
        $('div.x').addClass('rotate45');
        $('div.z').addClass('rotate135');
    }, 120);
}
function closeMenu() {
    $('.menu').css('zIndex', 1);
    $('div.burger').removeClass('open');
    $('div.x').removeClass('rotate45').addClass('rotate30');
    $('div.z').removeClass('rotate135').addClass('rotate150');
    $('div.circle').removeClass('expand');
    $('.menu li').removeClass('animate');
    setTimeout(function () {
        $('div.x').removeClass('rotate30');
        $('div.z').removeClass('rotate150');
    }, 50);
    setTimeout(function () {
        $('div.y').show();
        $('div.x, div.y, div.z').removeClass('collapse');
    }, 70);
}
$(document).pjax('a', '#container', { fragment: '#container' });
$(document).on('pjax:send', function () {
    $('#loading').removeClass('am-hide').fadeIn(500);
});
$(document).on('pjax:complete', function () {
    setTimeout(function () { $('#loading').fadeOut(500); }, 500);
    initMenu();
    $('.menu').css('zIndex', 1);
});
function initMenu() {
    $('.menu').css('zIndex', 1);

    $('div.menu ul li a').bind('click', function (e) {
        closeMenu();
    });
}